<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta charset="utf-8">
<title>{$site.webtitle}</title>
<meta name="keywords" content="{$site.webkeywords}">
<meta name="description" content="{$site.webdescription}">
<link rel="stylesheet" href="_MB_/css/swiper.min.css">
<link rel="stylesheet" href="_MB_/css/style.css?t={:time()}" />
<script src="_MB_/js/jquery.1.11.js"></script>
<script src="_MB_/js/swiper.min.js"></script>
</head>

<body>
<div class="head"><a href="/index.html"><img src="{$site.weblogo}" alt="{$site.contact_company}" class="logo" /></a>
  <div class="menushow"><span></span><span></span><span></span></div>
  <a href="tel:{$site.contact_tel}" title="{$site.contact_tel}" class="tel"></a> </div>
<div class="mask"></div>
<ul class="menu">
  <h2>菜单</h2>
  <li><a href="/index.html">首页</a></li>
  {volist name="nav" id="n"}
  <li><a href="{$n.link}">{$n.title}</a> </li>
  {/volist}
</ul>
<div class="swiper-container banner">
  <div class="swiper-wrapper"> {sy:list nid="84" sort="sort,id" name="vo"}
    <div class="swiper-slide"><a href="{$vo.url}"><img src="{$vo.img}" alt="" /></a></div>
    {/sy:list} </div>
  <div class="swiper-pagination"></div>
</div>
<script>
var swiper = new Swiper('.banner', {pagination: '.banner .swiper-pagination',paginationClickable: true,centeredSlides: true,autoplay: 3000,loop:true,autoplayDisableOnInteraction: false});
</script>
<script>
$(function(){  
   hidemenu();	
   $(".menushow").click(function(){	     

	  	$(".menu").toggleClass("show");

		$(".mask").toggleClass("show");

		$(this).toggleClass("on");					  

   })
   $(".mask").click(function(){ 
       hidemenu();
   })
   function hidemenu(){
	 $(".menu").removeClass("show");

	 $(".mask").removeClass("show");

	 $(".menushow").removeClass("on");	 

   } 

})

</script>